---
// import { res } from "@libs/gql/queryTask";
import Layout from "@layouts/Layout.astro";
// const title = "DgraphCloud"
const description = "DgraphCloud graphql api for Astro";

import { CollectionEntry, getEntryBySlug } from "astro:content";
const intro = await getEntryBySlug("docs", "intro");

type Props = CollectionEntry<"docs">;

const { Content } = await intro.render();
import Aside from "@libs/Aside.astro";
import "prismjs";
import "prismjs/themes/prism.css";
---

<Layout content={(intro.data.title, description)}>
  <h1>{intro.data.title}</h1>
  <Content
    components={{
      // Pass a mapping from the component name
      // To an Astro or UI component import
      // See your `astro.config.mjs` for
      // for the Markdoc tag mapping
      Aside,
    }}
  />
</Layout>
<style is:global>
  table {
    margin-block: 2rem;
    margin-inline: auto;
  }
  table td {
    padding-block: 0.3rem;
    padding-inline: 0.5rem;
  }
</style>
